<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Mynage - Editar Projeto</title>
	<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
	<link rel="shortcut icon" type="image/x-icon" href="img/icone.gif" />
</head>
<body>
	<f:view>
		<div id="topbg" style="background-color: rgb(128, 235, 128); "></div>

<div id="main">


	<div id="header" style="background-color: rgb(38, 145, 38);  ">
		<div id="hdr-box1" class="box bg-pri-1" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 27, 7); background-position: initial initial; background-repeat: initial initial; "></div>
		<div id="hdr-box2" class="box bg-pri-2" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); background-position: initial initial; background-repeat: initial initial; "></div>
		<div id="hdr-box3" class="box bg-pri-3" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; "></div>
		<div id="hdr-box4" class="box bg-pri-4" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 145, 67); background-position: initial initial; background-repeat: initial initial; "></div>
		<h2 style="float: left; margin-top: 65px; margin-left: 20px;">Mynage</h2>
		<div style="float: right; margin-right: 20px; margin-top: 30px;">
			<h:panelGroup rendered="#{login.usuario == null}">
				<h:form>
					<h:panelGrid columns="2" cellspacing="3">
						<h:outputLabel style="color: white;" value="login: "/>
						<h:inputText   value="#{login.login }"/>
						
						<h:outputLabel style="color: white;" value="senha: "/>
						<h:inputSecret value="#{login.senha }"/>
						
						<h:outputLabel/>
						<h:commandButton action="#{login.iniciarLogin }" value="Logar"/>
					</h:panelGrid>
				</h:form>
			</h:panelGroup>
			<h:panelGroup rendered="#{login.usuario != null}" >
				<h:form>
					<h:commandLink value="Logout" action="#{login.encerrarLogin}"/>
				</h:form>
			</h:panelGroup>
		</div>
	</div>
	<h:form>
		<ul id="menu">
			<li><h:commandButton value="Pessoas" class="sel" action="#{usuario.listar}"> </h:commandButton></li>
			<li><a class="sel" href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); background-position: initial initial; background-repeat: initial initial; "><span style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 145, 67); background-position: initial initial; background-repeat: initial initial; "></span>Pessoas</a></li>
			<li><a class="sel" href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); background-position: initial initial; background-repeat: initial initial; "><span style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 145, 67); background-position: initial initial; background-repeat: initial initial; "></span>Tarefas</a></li>
			<li><a class="sel" href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); background-position: initial initial; background-repeat: initial initial; "><span style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 145, 67); background-position: initial initial; background-repeat: initial initial; "></span>Relat�rios</a></li>
			<li><a class="sel" href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); background-position: initial initial; background-repeat: initial initial; "><span style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 145, 67); background-position: initial initial; background-repeat: initial initial; "></span>Contatos</a></li>
		</ul>
	</h:form>

	<div id="content" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: silver; background-position: initial initial; background-repeat: initial initial; ">

		<h:panelGroup rendered="#{login.usuario == null}">
			<div id="left" style="border-top-color: rgb(67, 145, 67); border-right-color: rgb(67, 145, 67); border-bottom-color: rgb(67, 145, 67); border-left-color: rgb(67, 145, 67); ">
				<h3 class="ttl" style="color: rgb(67, 145, 67); ">Informa��es do sistema</h3>
				<p>O Mynage � um sistema de gerenciamento de projeto gratuito e de c�digo aberto. Ele permite que sejam cadastrados projeto, criar sprints e atribuir tarefa ao membros de um determinado projeto .
				</p>
				<dl>
					<dt class="ttl" style="color: rgb(67, 145, 67); ">Agilidade</dt>
					<dd> &emsp; Aumente a velocidade de desenvolvimento de seus projeto.</dd>
					<dt class="ttl" style="color: rgb(67, 145, 67); ">Facilidade</dt>
					<dd> &emsp;Facilidade num projeto robusto e e f�cil de usar com uma ampla &emsp;documenta��o e suporte dado aos desenvolvedores.</dd>
				</dl>
				<img id="ico" src="img/icone.gif" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; "/>
				<h4>Tire suas d�vidas</h4>
				<ul style="color: rgb(67, 145, 67); ">
					<li><a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Sobre 
	</a></li>
					<li><a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Como doar</a></li>
					<li><a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Entre em Contato Conosco</a></li>
				</ul>
			</div>
	
			<div id="right">
				<h3 class="ttl" style="color: rgb(67, 145, 67); "><span style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); border-top-color: rgb(1, 36, 1); border-right-color: rgb(1, 36, 1); border-bottom-color: rgb(1, 36, 1); border-left-color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; "></span>Cadastrar-se</h3>
				<img class="photo" src="img/icone.gif"/>
				<h4>� gratuito</h4>
					
					<h:form id="formCadastro">
						<h:panelGrid columns="2">
							<h:outputLabel class="lb" value="Nome:"/>
							<h:inputText value="#{usuario.obj.nome}"/>
							<h:outputLabel class="lb" value="Email:"/>
							<h:inputText value="#{usuario.obj.email}"/>
							<h:outputLabel class="lb" value="Login:"/>
							<h:inputText value="#{usuario.obj.login}"/>
							<h:outputLabel class="lb" value="Senha:"/>
							<h:inputSecret value="#{usuario.obj.senha}"/>
							<h:outputLabel class="lb" value="Confirmar Senha:"/>
							<h:inputSecret value="#{usuario.senhaConfirmacao}"/>
							<h:outputLabel/>
							<h:commandButton id="bnt_cadastrar" value="Cadastrar-se" action="#{usuario.cadastrar}">
								<f:ajax event="keyup" execute="formCadastro:bnt_cadastrar" render="formCadastro"/>
							</h:commandButton>
						</h:panelGrid>
						<br/>
						
						
						<c:if test="${not empty usuario.mensagemErro}">
							<div align="center" class="mensagem">
								<h:outputText value="#{usuario.mensagemErro}" />
							</div>
						</c:if>
					</h:form>
					
					
					
					
			</div>
		</h:panelGroup>
		<h:panelGroup rendered="#{login.usuario != null}" >
			<div id="left" style="border-top-color: rgb(67, 145, 67); border-right-color: rgb(67, 145, 67); border-bottom-color: rgb(67, 145, 67); border-left-color: rgb(67, 145, 67); ">
				<h3 class="ttl" style="color: rgb(67, 145, 67); ">Bem vindo <h:outputText value="#{login.usuario.login}" /> </h3>
				<br/>
				<h:form >
					<h:panelGrid columns="2" cellspacing="2">
						<h:outputText value="Nome: "/>
						<h:inputText value="#{projetoMBean.projetoEditar.nome}"/>
						
						<h:outputText value="Descri��o:  "/>
						<h:inputTextarea rows="10" value="#{projetoMBean.projetoEditar.descricao}"/>
						
						<h:outputText value=""/>
						<h:commandButton value="Editar" action="#{projetoMBean.editarProjeto}"/>
					</h:panelGrid>
				</h:form>
			</div>
			<div id="right">
				<h3 class="ttl" style="color: rgb(67, 145, 67); ">
					<span style="background-image: initial; background-attachment: initial; 
							background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0);
							border-top-color: rgb(1, 36, 1); border-right-color: rgb(1, 36, 1); border-bottom-color: rgb(1, 36, 1); 
							border-left-color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">
					</span>
					<h:outputLabel value="Cadastrar projeto"/>
				</h3>
				
				<br/>
				<h:form>
					<h:panelGrid columns="2" cellspacing="3">
						<h:outputText value="Nome"/>
						<h:inputText value="#{projetoMBean.projetoCadastrar.nome}"/>
						
						<h:outputText value="Descrição"/>
						<h:inputTextarea rows="10" value="#{projetoMBean.projetoCadastrar.descricao}"/>
						
						<h:outputText value=""/>
						<h:commandButton value="Cadastrar projeto" action="#{projetoMBean.cadastrarProjeto}"/>
					</h:panelGrid>
				</h:form>
			</div>
		</h:panelGroup>

		<div class="cleaner"></div>

		<div id="footer" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 23, 0); color: rgb(1, 36, 1); border-top-color: rgb(67, 145, 67); border-right-color: rgb(67, 145, 67); border-bottom-color: rgb(67, 145, 67); border-left-color: rgb(67, 145, 67); background-position: initial initial; background-repeat: initial initial; ">
			<a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Lorem</a> |
			<a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Ipsum</a> |
			<a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Dolor</a> |
			<a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Sit amet</a> |
			<a href="#" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(1, 36, 1); background-position: initial initial; background-repeat: initial initial; ">Aliquip</a>
		</div>


	</div>

</div>
	</f:view>
</body>
</html>